import router from '@/router'
import store from '@/store'
import axios from 'axios'
import { Message } from 'element-ui'

// 定义一个空数组用于存储
let cancelArr = []
// 通过方法暴露离开组件时中断所有请求
export function cancelAll() {
  cancelArr.forEach((item) => {
    item.cancel()
  })
  cancelArr = []
}

const _axios = axios.create({
  // 基地址设置
  baseURL: process.env.VUE_APP_BASE_API
})

// 请求拦截
_axios.interceptors.request.use(
  (config) => {
    // 对请求进行赛选
    cancelArr = cancelArr.filter((item) => {
      if (item.method === config.method && item.url === config.url) {
        item.cancel()
        return false
      } else {
        return true
      }
    })
    // 取消同一接口上一次请求
    // 1 存储每次接口发起的信息 进行比较
    config.cancelToken = new axios.CancelToken((cancel) => {
      // cancel 取消方法  给每条请求加上取消方法  标记
      // 存储每条请求的url与method方法 来分辨是否同请求
      cancelArr.push({
        url: config.url,
        method: config.method,
        cancel: cancel
      })
    })
    console.log(cancelArr)

    // 统一请求头设置 验证是否有token进行添加
    if (store.state.user.token) {
      config.headers.Authorization = `Bearer ${store.state.user.token}`
    }
    return config
  },
  (error) => {
    return Promise.reject(error)
  }
)

// 响应拦截
_axios.interceptors.response.use(
  (res) => {
    // 请求成功 统一错误处理
    if (res.data.success) {
      return res.data
    } else {
      Message.error(res.data.message)
      return Promise.reject(res.data.message)
    }
  },
  (error) => {
    // 统一错误401处理
    if (error.response.status === 401) {
      // 清楚token
      store.commit('user/logout')
      // 路由回跳设置
      router.push('/login?redirect=' + location.href.split('#')[1])
    }
    // if (error.response.status === 404) {
    //   return Message.error('11')
    // }
    console.log([error])
    return Promise.reject(error)
  }
)

export default _axios
